<!DOCTYPE html>
<html>
<head>
    <title>Testing Request</title>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            // this is the id of the submit button
            $("#submitButtonId").click(function() {
                $("#requestForm").hide();
                $("#done").show();
                var url = "http://udnfind.com/irequest"; // the script where you handle the form input.
                $.ajax({
                    type: "POST",
                    url: url,
                    data: $("#requestForm").serialize() // serializes the form's elements.

                    /*
                    //cross domain issue
                    ,success: function(data)
                    {
                        $("#wait").hide();
                        $("#done").show();
                        //alert(data); // show response from the php script.
                    }
                    */
                });
                return false; // avoid to execute the actual submit of the form.
            });
        });
    </script>
</head>
<body>

<form id="requestForm">
    Email: <input type="text" name="email" /><br >
    page_url: <input type="text" name="page_url" /><br />
    search_term: <input type="text" name="search_term" /><br />

    Quality:
    <select name=tab>
        <option value="dvdrip">DVDRip</option>
        <option value="720p">720p</option>
        <option value="1080p">1080p</option>
        <option value="3d">3D</option>
        <option value="soundtrack">Soundtrack</option>
    </select>
    <button id="submitButtonId">Submit</button>
</form>
<span id="done" style="display: none">Your request was submitted successfully,<br /> We will send you email once it becomes available.</span>

</body>
</html>